<template>
	<view>
		<view class="goods_item">
				<view class="goods_item_left">
					<image class="goods_pic" :src="goods.goods_pic"></image>
				</view>
				<view class="goods_item_right">
					<view class="goods_name">{{goods.good_name}} </view>
					<view class="goods_item_box">
						<view class="goods_price">
							￥{{goods.goods_price |toFixed}}
						</view>
					</view>
				</view>
			</view>
		
	</view>
</template>

<script>
	export default {
		name:"mygoods",
			
		filters:{
			toFixed(num){
			return	Number(num).toFixed(2)
			}
			
		},
		data() {
			return {
				
			};
		},
		props:{
			goods:{
				type:Object,
				default:{}
			}
		}
	}
</script>

<style lang="scss">
	.goods_item{
			display: flex;
			padding: 5px;
			border-bottom: 1px solid #efefef;
			.goods_item_left{
				.goods_pic{
					width: 100px;
					height: 100px;
					display: block;
				}
			}
			.goods_item_right{
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				padding: 0 5px;
			.goods_name{
			font-size: 12px;
			}
				.goods_item_box{
					.goods_price{
						color: #c00000;
					}
				}
			}
		}
	
</style>